<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button onclick="setCookie()">存cookie</button>
  <button onclick="getCookie()">取cookie</button>
  <script>
    // js提供的操作cookie的方式就一个属性叫document.cookie，所有对于cookie的操作都要通过这个属性来完成
    // 由于cookie的作用是解决http无状态，做一些离线存储，所以cookie一般用于http协议下
    // file协议使用cookie没有意义的，并且很多浏览器不支持file下使用cookie
    function setCookie () {
      // 存了一条名为name的cookie，值为lisi
      document.cookie = 'name=lisi'
      document.cookie = 'age=30'
      document.cookie = 'name=zhangsan'
      // document.cookie反复赋值不是覆盖，而是存多条cookie
    }

    function getCookie () {
      var str = document.cookie
      console.log(str)
    }
  </script>
</body>
</html>